@import "../../static/layout/base.less";

.page-security{
  .block{
    padding:15px;
    .error-tip{
      margin-left:50px;
      height: 30px;
      line-height: 30px;
      padding-left:30px;
      background: url(./image/error-icon.png) no-repeat 0 center;
      color: #ff190c;
      display: none;
    }
    .line{
      margin:20px 0;
      background-color: #f6f6f6;
      padding:10px 20px;
      .border-radius(3px);

      .widget-code{
        float: left;
        margin-left: 5px;
      }

      .summary{
        height: 30px;
        line-height: 30px;
        background-color: #f6f6f6;
        background-position: 10px center;
        background-repeat: no-repeat;
        padding:0 20px 0 50px;
        position: relative;
        .btn-set{
          float: right;
          color:@blue;
          width: 50px;
          background: url(./image/arrow-down.png) no-repeat right center;
        }
        .btn-set-active{
          background-image: url(./image/arrow-up.png);
        }
        .center{
          position: absolute;
          left:300px;
        }

      }
      .id-summary{
         background-image: url(./image/v-card.png);
      }
      .id-summary-h{
        background-image: url(./image/v-card-h.png);
      }
      .login-summary{
        background-image: url(./image/key.png);
      }
      .login-summary-h{
        background-image: url(./image/key-h.png);
      }
      .trade-summary{
        background-image: url(./image/lock.png);
      }
      .trade-summary-h{
        background-image: url(./image/lock-h.png);
      }

      .ext{
        border:1px dashed #e6e6e6;
        padding:10px;
        margin:10px;
        display: none;
        .input-common{
          padding:8px;
        }
        table{
          tr{
            td{
              padding:5px 10px;
            }
            td:first-child{
              text-align: right;
              font-weight: 700;
            }
          }
        }
      }
    }
  }
}